<template>
  <div>
    <!--
    .sync做了两件事：1.将数据传递给子组件:xxx  2.子组件监听一个事件，事件名为 update:xxx
    v-model做了两件事：1.将数据传递给子组件数据名为value  2.子组件监听一个事件 事件名为input
    v-model的局限性：数据名必须为value，事件名必须为input，一个标签只能使用一个v-model
    -->
    <button type="button" class="layui-btn" @click="openDialog">打开弹框</button>
    <base-dialog title="消息提示" info="这是陶品奇封装的弹框组件" :isShowDialog.sync="isShowDialog"></base-dialog>
  </div>
</template>
<script>
import baseDialog from "@/components/base-dialog.vue";

export default {
  name: "App",
  data() {
    return {
      isShowDialog: false
    }
  },
  methods: {
    openDialog() {
     this.isShowDialog=true
    }
  },
  components: {
    baseDialog
  }
}
</script>
<style lang="less"></style>
